<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link th:include="fragment/import :: import">
    <link rel="stylesheet" th:href="@{/static/css/main.css}">
</head>
<body style="background-color: #fbfbfb;">
<div th:replace="fragment/common :: header(resUrl='index.html')"></div>
<div class="xianyan-content container">
    <div class="row my-row-article">
        <div class="col-lg-1 col-md-0 col-sm-0 "></div>
        <div class="col-lg-10 col-md-12 col-sm-12 my-col-article">
            <div class="xianyan-content-main">
                <!--定位按钮-->
                <span class="glyphicon glyphicon-refresh" id="my-btn"></span>
                <!--中间部分-->
                <div class="xianyan-content-left">
                    <!--左边文章-->
                    <div class="xianyan-article-write">
                        <!--发帖-->
                        <span class="glyphicon glyphicon-pencil">  </span>风吹落叶无痕，分享你的故事......
                    </div>
                    <div id="article-content"></div>
                </div>
                <div class="xianyan-content-right">
                    <!--右边推荐目录-->
                    <div class="xianyan-story-class">
                        <!--故事分类-->
                        <div class="xianyan-story-class-title class-title">
                            故事分类
                        </div>
                        <div class="xianyan-story-class-content">
                            <ul id="xianyan_story_tag_list">

                            </ul>
                        </div>
                    </div>
                    <div class="xianyan-story-ranking">
                        <div class="xianyan-story-ranking-bac">
                            <div class="xian-story-ranking-title class-title">
                                故事排名
                            </div>
                            <div class="xianyan-story-ranking-list">
                                <ul id="story_ranking">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="xianyan-story-class">
                        <!--标签云-->
                        <div class="xianyan-story-class-title class-title">
                            标签云
                        </div>
                        <div class="xianyan-story-class-content">
                            <ul id="xianyan_tags">
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 "></div>
    </div>
</div>
<div th:replace="fragment/common :: footer"></div>
<div th:replace="fragment/common :: modal"></div>
<div th:replace="fragment/common :: myModalCreate"></div>
</body>

<script>
    layui.config({
        base: '../../static/js/'
    }).extend({ //设定模块别名
        project: 'project' //如果 mymod.js 是在根目录，也可以不用设定别名
    }).use('project');

</script>

<script id="article_content_item" type="text/html">
    <!--文章模块-->
    <div class="xianyan-article-content">
        <!--文章摘要目录-->
        <div class="xianyan-article-main">
            <div class="xianyan-article-content-title">
                <!--标题-->
                <a href="#">{{ d.title }}</a>
            </div>
            <div class="xianyan-article-content-con">
                <!--摘要-->
                <div class="xianyan-article-content-con-text">
                    <!--内容-->
                    <p>
                        {{ d.content }}
                    </p>
                </div>

                <div class="clear"></div>
            </div>
            <div class="xianyan-article-content-else">
                <!--其他信息-->
                <div class="xianyan-article-writer">
                    <!--作者-->
                    <a href="#">{{ d.writer }}</a>
                </div>
                <div class="xianyan-article-readNo">
                    <!--阅读数-->
                    <img th:src="@{/static/images/xyIndex/fire.png}" alt=""><span>{{ d.browseNo }}</span>次浏览
                </div>
                <div class="xianyan-article-niceNo">
                    <!--点赞数-->
                    <img th:src="@{/static/images/xyIndex/like.png}" alt="">{{ d.niceNo }}
                </div>
                <div class="xianyan-article-takeNo">
                    <!--评论数-->
                    <img th:src="@{/static/images/xyIndex/message.png}" alt="">{{ d.takeNo }}
                </div>
                <div class="xianyan-article-lable">
                    <!--标签-->
                    <span class="glyphicon glyphicon glyphicon-tags"> </span> <span> {{ d.tag }}</span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="xianyan-article-content-con-img">
            <!--图片-->
            <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="">
        </div>
        <div class="clear"></div>
    </div>
</script>

<!--故事分类-->
<script id="xianyan_story_list" type="text/html">
    <li><a href="#">{{ d.content }}</a></li>
</script>

<!--故事排名-->
<script id="xianyan_story_ranking" type="text/html">
    <li><span class="xianyan-story-no"></span><a href="{{ d.href }}"><span>{{ d.title }}</span></a></li>
</script>

<!--标签云-->
<script id="xianyan_tags_tpl" type="text/html">
    <li><a href="#">{{ d.content }}</a></li>
</script>

</html>